<template>
  <f7-page>
    <f7-navbar :sliding="false">
      <f7-nav-left></f7-nav-left>
      <f7-nav-title sliding>组件</f7-nav-title>
      <f7-nav-right></f7-nav-right>
    </f7-navbar>

    <!-- <img src="/smartform/processTrace?appCode=AnnualLeave&instanceId=355030"> -->
    <!-- <v-jstree :data="data" show-checkbox multiple allow-batch whole-row @item-click="itemClick"></v-jstree> -->

    <f7-list>
      <f7-list-item title="官方组件库" link="/business/demo/home"></f7-list-item>
      <f7-list-item title="自定义组件" link="/business/components/custom"></f7-list-item>

      <f7-list-item title="测试页面" link="/business/components/test"></f7-list-item>
      <f7-list-item title="APP列表" link="/business/app/list"></f7-list-item>
      <f7-list-item title="表达式测试" v-if="expr"></f7-list-item>
    </f7-list>
    <f7-block-title>自定义表单</f7-block-title>
    <f7-list>
      <f7-list-item
        title="移动端表单-工作流测试"
        link="/smart-design/workflow/?pageId=87688939c32527f843befbf5b5aad863&pageCode=AnnualLeave"
      ></f7-list-item>
      <f7-list-item
        title="移动端表单-工作流编辑"
        link="/smart-design/workflow/?pageId=87688939c32527f843befbf5b5aad863&pageCode=AnnualLeave&appCode=AnnualLeave&taskId=365047&assigneeId=00018a8b-c930-4f72-a9ab-a7adc48e89ab&leaveId=66B6D037-04F1-4240-996B-64CEDDA4DDD2"
      ></f7-list-item>
      <f7-list-item
        title="移动端表单-工作流查看"
        link="/smart-design/viewWorkflow/?historyTaskId=365047&leaveId=8846AFB8-C091-4365-85A0-6AF5FFFCF32A&pageCode=AnnualLeave"
      ></f7-list-item>
      <f7-list-item
        title="移动端表单-测试新功能"
        link="/smart-design/render/?pageId=ab6ebd0e350e6c5613e9789b78978e4d&pageCode=mobileFormTest"
      ></f7-list-item>
      <f7-list-item
        title="移动端表单-列表"
        link="/smart-design/render/?pageCode=mobileTest"
      ></f7-list-item>
      <f7-list-item
        title="移动端表单-表单"
        link="/smart-design/render/?pageId=58627b382b8f1a49eae1c5c476c34175&pageCode=mobileProjectForm"
      ></f7-list-item>
      <f7-list-item
        title="移动端表单-表单编辑"
        link="/smart-design/render/?pageId=58627b382b8f1a49eae1c5c476c34175&pageCode=mobileProjectForm&projectId=5bbe66d0-ca53-4f4d-a27b-0ddca7b1bbd0"
      ></f7-list-item>
      <f7-list-item
        title="移动端表单-表单查看"
        link="/smart-design/viewRender/?pageId=58627b382b8f1a49eae1c5c476c34175&pageCode=mobileProjectForm&projectId=5bbe66d0-ca53-4f4d-a27b-0ddca7b1bbd0"
      ></f7-list-item>
    </f7-list>

    <f7-viewbar-instince slot="fixed"></f7-viewbar-instince>
  </f7-page>
</template>

<script>
import controller from "@/libs/framework/controller";
//import VJstree from 'vue-jstree'

export default class instance extends controller {
  onBeforeInit() {
    this.urls = {
      query: [],
      model: [],
    };
  }

  mixin() {
    return {
      components: {
        //VJstree
      },
      data() {
        return {
          expr: 'model.appName != null',
          model: {
            appName: 'xxx'
          },
          name: '',
          tests: [
            {
              id: 1,
              name: "",
              value: "",
            },
            {
              id: 2,
              name: "",
              value: "",
            },
          ],
          data: [
          {
            "text": "Same but with checkboxes",
            "children": [
              {
                "text": "initially selected",
                "selected": true
              },
              {
                "text": "custom icon",
                "icon": "fa fa-warning icon-state-danger"
              },
              {
                "text": "initially open",
                "icon": "fa fa-folder icon-state-default",
                "opened": true,
                "children": [
                  {
                    "text": "Another node"
                  }
                ]
              },
              {
                "text": "custom icon",
                "icon": "fa fa-warning icon-state-warning"
              },
              {
                "text": "disabled node",
                "icon": "fa fa-check icon-state-success",
                "disabled": true
              }
            ]
          },
          {
            "text": "Same but with checkboxes",
            "opened": true,
            "children": [
              {
                "text": "initially selected",
                "selected": true
              },
              {
                "text": "custom icon",
                "icon": "fa fa-warning icon-state-danger"
              },
              {
                "text": "initially open",
                "icon": "fa fa-folder icon-state-default",
                "opened": true,
                "children": [
                  {
                    "text": "Another node"
                  }
                ]
              },
              {
                "text": "custom icon",
                "icon": "fa fa-warning icon-state-warning"
              },
              {
                "text": "disabled node",
                "icon": "fa fa-check icon-state-success",
                "disabled": true
              }
            ]
          },
          {
            "text": "And wholerow selection"
          }
        ]
        };
      },
      methods: {
        itemClick (node) {
          console.log(node.model.text + ' clicked !')
        }
      },
      computed: {},
      mounted() {},
    };
  }
}
</script>

<style scoped>
</style>
